@mixin ama-variables($theme) {
    .properties-content {
        height: 380px;

        &.variables-dialog-content {
            .mat-tab-body.mat-tab-body-active {
                min-height: 280px;
            }
        }

        .code-editor {
            max-height: 300px;
            overflow: hidden;
        }

        .json-editor {
            height: 260px;
            overflow: hidden;
        }
    }

    .properties-viewer {
        .mat-table {
            height: 300px !important;
        }
    }

    .variables-icon {
        vertical-align: middle;
        margin-right: 5px;
    }
}
